<template>
    <div class="center-main">
        <section class="order-main-header">
            <mt-header title="设置">
            <mt-button  icon="back" slot="left" @click="handleClose()"></mt-button>
            </mt-header>
        </section>
        <section class="proposal">
            <div class="flex">
                <div class="left">  语言设置</div>
                 <div  class="rotate">中文 </div>
            </div>
            <div class="flex">
                <div>  关于BiPlus</div>
                 <div class="rotate">  {{version}}</div>
            </div>
        </section>
        <section class="set-btn">
            <button class="google-word-3" @click="logout()" >退出登录</button>
        </section>
    </div>
</template>
<script>
import axios from 'axios'
export default {
    name:'my',
   data(){
         return {
         sessionData:'',
         version:'1.0.1'
         }
    },
    mounted() {
        this.$http.post('v1/session?'+ new Date().getTime(),).then((res)=>{
            this.sessionData=res.data.data;
        });
        if(window.plus) {
         let self=this;
            plus.runtime.getProperty(plus.runtime.appid, function(inf) {
                    self.version=inf.version;
                })
        }else{
             this.version='1.0.1';
        }
    },
    methods: {
    logout(){
        this.$http.post('v1/logout').then((res)=>{
                 if (res.data.code == 200) {
                     localStorage.removeItem("cookie")
                this.$router.replace("/login");
                }
                })
         },
        handleClose(){
                this.$router.go(-1);
            },
    },
}
</script>
<style lang="less" scoped>
.mint-header {
    height: 106px;
    font-size: 32px;
    background-color: #222240 ;
    color: #E0E0F9;
}
.proposal{
    margin-top: 20px;
    .flex{
        height:96px;
        background:rgba(34,34,64,1);
          display: flex;
        justify-content: space-between;
        margin-bottom: 2px;
          align-items: center;
          padding-left: 30px;
          padding-right: 30px;
          img{
              margin-right: 30px;
          }
    }
}
    .center-main{
        color: #8686C0;
    }
.flex-between{
    display: flex;
justify-content: space-between;
}
.rotate img{
    transform:rotate(-180deg);
-webkit-transform:rotate(-180deg);
-moz-transform:rotate(-180deg);
-o-transform:rotate(-180deg);
-mz-transform:rotate(-180deg);
}
.set-btn{
    margin-top: 50px;
    display: flex;
    align-self: center;
    justify-content: center;
}
 .google-word-3{
        height:86px;
        margin-top: 31px;
        background-color: #3381FF;
        width:80%;
        border-radius: 10px;
        line-height: 86px;
        font-size: 28px;
        color: #fff;
       
    }
</style>